<%@ include file="/common/taglibs.jsp"%>

<head>
    <title><fmt:message key="productView.title"/></title>
    <meta name="menu" content="ProductViewMenu"/>
</head>

<div id="contentArea">
    <div id="contentLeft">

        <div class="box dark">
            <h1><s:property value="product.name"/></h1>
            <div class="graph">
                <span class="blue" style="width:<s:property value="product.rate*20"/>%;"/>
                <div class="txt">
                    <fmt:message key="productView.rate"/>:
                    <fmt:message key="product.rate.type${product.rate}"/>
                </div>
            </div>
            <div class="image">
                <c:if test="${not empty product.image}">
                    <img src="${product.image}"/>
                </c:if>
                <c:if test="${empty product.image}">
                    <img src="<c:url value="/images/none.png"/>"/>
                </c:if>
                <br/>
                <a href="#"><fmt:message key="productView.more"/>...</a>
            </div>

            <br/>
            <div>
                <fmt:message key="productView.productType"/>:
                <s:property value="product.productType.name"/>( <s:property value="product.productType.shortName"/>)
                <br/>
                <fmt:message key="productView.brand"/>:
                <s:property value="product.brand.name"/>
                <br/>
                <fmt:message key="productView.totalBudget"/>:
                <fmt:message key="product.totalBudget.type${product.totalBudget}"/>
                <br/>
                <fmt:message key="productView.priceAdvantage"/>:
                <fmt:message key="product.totalBudget.type${product.priceAdvantage}"/>
                <br/>
                <fmt:message key="productView.marketPositioning"/>:
                <fmt:message key="product.marketPositioning.type${product.marketPositioning}"/>
                <br/>
                <fmt:message key="productView.implCycle"/>:
                <fmt:message key="product.implCycle.type${product.implCycle}"/>
                <br/>
                <fmt:message key="productView.numberOfUsers"/>:
                <fmt:message key="product.numberOfUsers.type${product.numberOfUsers}"/>
                <br/>
                <fmt:message key="productView.structure"/>:
                <fmt:message key="product.structure.type${product.structure}"/>
                <br/>
                <br/>
            </div>
            <p class="line"/>
            <div align="right">
                <fmt:message key="productView.version"/>:
                <s:property value="product.version"/>
            </div>
        </div>
        
        <table class="box" width="100%" cellpadding="0" cellspacing="0">
            <tr>
                <th style="width: 50%;"><h2><fmt:message key="productView.industry"/></h2></th>
                <th><h2><fmt:message key="productView.module"/></h2></th>
            </tr>
            <tr>
                <td colspan="2"><div class="line"/></td>
            </tr>
            <tr>
                <td valign="top">
                    <div>
                    <s:iterator value="product.productIndustries">
                        <c:if test="${enabled}">
                            <img src="<c:url value="/images/accept.png"/>"/>
                        </c:if>
                        <c:if test="${not enabled}">
                            <img src="<c:url value="/images/none_accept.png"/>"/>
                        </c:if>
                        <s:property value="industry.name"/>:
                        <fmt:message key="product.industryScore.type${score}"/>
                        <br/>
                    </s:iterator>
                    </div>
                </td>
                <td valign="top">
                    <div>
                    <s:iterator value="product.productModules">
                        <c:if test="${enabled}">
                            <img src="<c:url value="/images/accept.png"/>"/>
                        </c:if>
                        <c:if test="${not enabled}">
                            <img src="<c:url value="/images/none_accept.png"/>"/>
                        </c:if>
                        <s:property value="module.name"/>:
                        <fmt:message key="product.moduleScore.type${score}"/>
                        <br/>
                    </s:iterator>
                    </div>
                </td>
            </tr>
        </table>
        
        <div class="box">
            <h2><fmt:message key="productView.description"/></h2>
            <p class="line"/>
            <p>
                <s:property value="product.comments"/>
            </p>
            <div>
                <fmt:message key="productView.website"/>:
                <a href="http://<s:property value="product.website"/>" target="_blank">
                    <s:property value="product.website"/>
                </a>
                <br/>
                <fmt:message key="productView.phone"/>:
                <s:property value="product.phone"/>
                <br/>
                <fmt:message key="productView.numberOfCustomer"/>:
                <s:property value="product.numberOfCustomer"/>
            </div>
        </div>

        <div class="box">
            <h2><fmt:message key="productView.comments"/></h2>
            <p class="line"/>
            <p>
                <s:property value="product.comments"/>
            </p>
        </div>

        <div class="box">
            <h2><fmt:message key="brandView.title"/>: <s:property value="product.brand.name"/></h2>
            <p class="line"/>

            <div style="position: relative;">
                <fmt:message key="brandView.companyType"/>:
                <fmt:message key="brand.companyType.type${product.brand.companyType}"/>
                <br/>
                <fmt:message key="brandView.yearEstablished"/>:
                <s:property value="product.brand.yearEstablished"/>
                <br/>
                <fmt:message key="brandView.headquarters"/>:
                <s:property value="product.brand.headquarters"/>
                <br/>
                <fmt:message key="brandView.industry"/>:
                <s:property value="product.brand.industry"/>
                <br/>
                <fmt:message key="brandView.marketValue"/>:
                <s:property value="product.brand.marketValue"/>
                <br/>
                <fmt:message key="brandView.annualSalesProfit"/>:
                <s:property value="product.brand.annualSalesProfit"/>
                <br/>
                <fmt:message key="brandView.annualSalesVolume"/>:
                <s:property value="product.brand.annualSalesVolume"/>
                <br/>
                <fmt:message key="brandView.numbeOfEmployees"/>:
                <s:property value="product.brand.numbeOfEmployees"/>
                <br/>
                <fmt:message key="brandView.numberOfCustomer"/>:
                <s:property value="product.brand.numberOfCustomer"/>
                <br/>

                <div class="image">
                    <c:if test="${not empty brand.logo}">
                        <img src="${brand.logo}"/>
                    </c:if>
                    <c:if test="${empty brand.logo}">
                        <img src="<c:url value="/images/none.png"/>"/>
                    </c:if>
                </div>
            </div>
            <div  align="right">
                <fmt:message key="productView.version"/>: <s:property value="product.brand.version"/>
            </div>
            <div>
                <p class="line"/>
                <%--<fmt:message key="brand.description"/>:<br/>--%>
                <%--<s:property value="product.brand.description"/>--%>
                <!--<br/>-->
                <p>
                    <fmt:message key="brand.comments"/>:<br/>
                    <s:property value="product.brand.comments"/>
                </p>
                <fmt:message key="brandView.ceo"/>:
                <s:property value="product.brand.ceo"/>
                <br/>
                <fmt:message key="brandView.phone"/>:
                <s:property value="product.brand.phone"/>
                <br/>
                <fmt:message key="brandView.website"/>:
                <a href="http://<s:property value="product.brand.website"/>" target="_blank">
                    <s:property value="product.brand.website"/>
                </a>
                <br/>
            </div>
        </div>


        <div class="box">
            <h2><fmt:message key="productView.comments"/></h2>
            <p class="line"/>
            <p>
                Dianping info
                <br/>
                <br/>
                <br/>
                <br/>
                <br/>
                <br/>
            </p>
        </div>
    </div>

    <div id="contentRight">
        Document info.<br/><br/>
        Case info..<br/><br/>
        Other..<br/><br/>
    </div>
</div>